<div class="card-box" id="userManage">

    <div class="row">
        <div class="col-lg-12">
            <div class="btn-toolbar" role="toolbar">
                <div class="btn-group">
                    <button type="button" class="btn btn-primary waves-effect waves-light "><i class="fa fa-inbox"></i></button>
                    <button type="button" class="btn btn-primary waves-effect waves-light "><i class="fa fa-exclamation-circle"></i></button>
                    <button type="button" class="btn btn-primary waves-effect waves-light "><i class="fa fa-trash-o"></i></button>
                </div>
                <div class="btn-group">
                    <button type="button" class="btn btn-primary dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-expanded="false">
                        <i class="fa fa-folder"></i>
                        <b class="caret"></b>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </div>
                <div class="btn-group">
                    <button type="button" class="btn btn-primary waves-effect waves-light  dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                        <i class="fa fa-tag"></i>
                        <b class="caret"></b>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </div>

                <div class="btn-group">
                    <button type="button" class="btn btn-primary waves-effect waves-light  dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                        More
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="#">Dropdown link</a></li>
                        <li><a href="#">Dropdown link</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="panel panel-default m-t-20">
        <div class="panel-body p-0">
            <div class="table-responsive">
                <table class="table table-hover mails m-0">
                    <tbody>

                    <tr v-if="users.length>0" v-for="item in users" class="unread">
                        <td class="widget-user widget-user">
                            <div>
                                <div style="float: left;" class="checkbox checkbox-primary">
                                    <input id="checkUser" type="checkbox">
                                    <label for="checkUser"></label>
                                </div>

                                <img :src="item.headimgurl" style="height: 48px" class="img-responsive img-thumb" alt="user">
                                <div class="wid-u-info">
                                    <span class="m-t-0 m-b-5" v-text="item.nickname"></span>
                                    <p class="text-muted m-b-5 font-13">
                                        <small class="text-success"><b>User</b></small>
                                    </p>

                                </div>
                            </div>
                        </td>

                        <td>修改备注</td>
                    </tr>

<!--                    <tr v-else>暂时没有数据</tr>-->

                    </tbody>
                </table>
            </div>

        </div> <!-- panel body -->
    </div>
</div>

<?php $this->beginBlock('jsText', 'append'); ?>
<script type="text/javascript">
    var vuUtil = new Vue({
        el: '#userManage',
        data: {
            users: <?=json_encode($users, true)?>
        },
        methods: {}
    });
</script>
<?php $this->endBlock()?>